{% extends 'drill/base.html' %}

{% block content %}
  <div id='question_no'>
<!--    #14-->x
  </div>
  <div id='percentage'>
<!--    78%-->
  </div>

  <div id='question_text'>
<!--    Sinan evine ________. 
    <br/>
    <br/>
    Write the correct conjugated form of 'gitmek' (to walk) in present tense.-->
    <div id='startsmg'> Click <i>next</i> to start </div>
  </div>

<!--  <div id='illustration'>
    illustration of Sinan going home
  </div>-->

  <div id='input'>
    <input id='answer_text' disabled='disabled' type='text' value='gidiyor'/>
    <a class='btn' id='send_btn' href='javascript:sendAnswer1()'> Answer </a> 
    <a class='btn' id='next_btn' href='javascript:nextQuestion1()'> Next </a> 
  </div>

  <div id='feedback'>
<!--    <a href='javascript:green()'> green </a>
    <a href='javascript:red()'> red </a>-->
  </div>

  <div id='green'>
    <img src='/site_media/check_mark.svg' style='width: 100%; height: 100%;'/>
  </div>

  <div id='red'>
    <img src='/site_media/cross.svg' style='width: 100%; height: 100%;'/>
  </div>

{% endblock %}